﻿<div ng-controller="MainController">
<h2 class="page_heading">SẢN PHẨM</h2>
<div class="product-listing__index">
		<div class="product_listing_main">
			<div class="row">
				<div class="wow col-sm-4 product animated fadeIn" ng-repeat="item in productList">
					<div>
						<div class="product_img">
							<a href="/products/acer-stream" class="hover__6">
								<img ng-src="/upload/{{item.image1}}" />
							</a>
						</div>
						<div class="product_info">
							<div class="product_name">
								<a href="/products/acer-stream">{{item.name}}</a>
							</div>
							<div class="product_links">
								<a class="btn" ui-sref="home.detailproduct({idproduct:item.id})">
									<i class="fa fa-info-circle"></i>
								</a>
							</div>
							<div class="product_price">
								<span class="money">{{item.price | number:0}} VNĐ</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
		<pagination 
			class="pagination-sm pull-right" 
			total-items="total" 
			previous-text ="Trước"
			next-text ="Sau"
			max-size="5"
			first-text="Đầu"
			last-text="Cuối"
			items-per-page= "limit" 
			align="true"
			ng-model="curPage" 
			ng-change="getProductList()"
			boundary-links="false">
		</pagination>
	<div id="pagination">
		<!-- <span class="prev"><a href="/collections/apple?page=1" title="">« Previous</a></span>
		<span class="page"><a href="/collections/apple?page=1" title="">1</a></span>
		<span class="page current">2</span> 
		<span class="page"><a href="/collections/apple?page=3" title="">3</a></span>
		<span class="next"><a href="/collections/apple?page=3" title="">Next »</a></span> -->
	</div>
</div>